//导入h和init
//webpack5路径可以'snabbdom'写法形式
//查看node+modules中的snabbdom下的package.json中虽然有exports字段
//但是parcel和webpack4之前是不支持的
import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'
const patch = init([])

//h函数
//第一参数标签加选择器
//第二个参数如果是字符串就是标签的文本
let vnode = h('div#container.cls','Hello World')
let app =  document.querySelector("#app")
//第一个参数：旧的VNode可以是DOM元素
//第二个参数：新的VNode
//返回新的 VNdoe
let oldVnode = patch(app,vnode)

vnode = h('div#container.xxx','Hello Snabbdom')
patch(oldVnode,vnode)